<template>
  <div class="search-box">
    <div class="input">
        <input :placeholder="props.placeholder ? props.placeholder : ``" />
    </div>
    <div class="thumb search-button">
      <Button :size="`0.08rem`"   :loading="false"
        ><div class="search-icon">
          <img :src="publicUrl(`/images/search-white.png`)" /></div
      ></Button>
      </div>
  </div>
</template>
<script setup lang="ts" name="">
import Button from "@/components/Button/index.vue";
import { publicUrl } from "@/utils/util";
interface Props{
  placeholder?:string|undefined;
}
const props = withDefaults(defineProps<Props>(),{
  placeholder:undefined
})
</script>
<style scoped lang="scss">
@media screen and (min-width: $pc-min-width) {
  @import "./index.scss";
}
</style>
